/* GENERALES */
form { margin: 0; padding: 0; }
body { font-family: Trebuchet, sans-serif; background-color:#cdcdcd; }
img { border: 0; }
.box-title { float:left; }
.clickable { cursor: pointer; }
a { color: blue; }

/* HEADER */
#frame-head { max-width: 850px; width: 100%; height: 40px; margin: 10px auto 0 auto; }
#frame-title { color: #500; font-size: 26px; }
#instructions { color: yellow; margin-bottom: 10px; }
#user-box { text-align: right; font-size: 12px; color: #400; float: right; position: relative; top: -17px; }
#user-box a { color: #400; }



#main {
    margin:0px;
    position: relative;
    left:250px;
    margin-right:250px;
    padding:0px 0px 10px 0px;
    width:880px;
    min-height:600px;
    background-image: url('/pix/layout/bg-line.png');
    background-repeat: repeat-y;
    background-position:top left;
    border-bottom:10px solid;
    border-bottom-color:#666;
    border-top:1px solid;
    border-top-color:#666;
}

#top {
    background-image: url('/pix/layout/top-img-3d.png');
    background-repeat: no-repeat;
    background-position:top left;
    max-width:870px;
    height:97px;
    border-top:1px solid;
    border-top-color:#666;
}

#top h1 {
    color:#ff9249;
    font-size:24px;
    font-weight:normal;
    position:relative;
    top:0px;
    left:80px;
    font-weight:normal;
    
}

.atencion-cliente {
    text-align: center;
    font-size:20px;
    color:#666;
    display:inline;
    float:right;
    position: relative;
    top:-30px;
    right:100px;
    letter-spacing:1px;
}

.atencion-cliente span {
    color:#ff9249;
    font-weight:bold;
}

.ayuda-area {
    text-align:center;
    font-size:14px;
    color:#fff;
    display:block;
    float:right;
    position: relative;
    top:0px;
    right:40px;
    padding:10px;
    border: 1px solid;
    background-color:#bb4444;
    letter-spacing:1px;
    width:290px;
    
    
}
.ayuda-area a {
    text-decoration:none;
    color:#fff;
    
}

#content {
    max-width:880px;

}

#content h2 {
    letter-spacing:1px;
    color:#333;
    padding-left:20px;
}

#content table{
    margin:40px 20px ;
    max-width:800px;
    display:block;
}

#home-text {
    max-width:430px;
    margin-left:30px;
}

#home-text p {
    font-size:14px;
    color:#555;
    letter-spacing:1px;
}

#home-text em {
    text-decoration:underline;
}

#home-text b {
    color:#fc9249;
}

#home-logos {
    float:right;
    
    max-width:400px;
    margin-right:30px;
    
}

#home-logos img {
    padding:1px;
}

.padding-top-logos {
    padding-top:40px;
}

.center{
    margin-left:111px;
    
}

/* TAB BOX */
#tabs-box { max-width: 850px; width: 100%; margin: 0 auto; height: 20px; }
#tabs-box a { 
    padding: 0px 15px; height: 20px;
    margin: 0; text-decoration: none; color: #a00; background-color: #500; font-size: 11px; float:left; line-height: 20px; }
#tabs-box a.on { background-color: white; color: black; font-weight: bold;  font-size: 11px; }

/* TOOLBOX */
#tool-box { max-width: 850px; width: 100%; margin: auto; margin-bottom: 10px; background-color: white; padding-top: 10px; }
#tool-section-box { padding: 10px; }
#form-table { width: 90%; margin: 0 0 0 auto; font-size: 12px; }
#form-table div.row { padding-bottom: 15px; }
#form-table label { color: #888; font-size: 12px; }
input.text { border: 1px solid #aaa; background-color: #f7f7f7; margin-right: 20px;}
input.long { width: 200px; }
input.longer { width: 400px; }
input.short { width: 40px; }
input.file { width: 100px; }
input.light { border: 1px solid #eee; }
input.big { font-size: 24px; }
#form-table select { margin-right: 8px; }
#brand-logo-preview { width: 80px; height: 31px; border: 1px solid #bbb; float: right; background-position: center center; background-repeat: no-repeat; }

#search-box { padding: 10px; border-top: 1px dashed #aaa; }
a.clear-x { color: #9a0000; text-decoration: none; font-size: 13px; font-weight: bold; cursor: pointer; }
a.clear-x:hover { color: gray; }

/* FILTERS */
#filter-box { 
    width: 790px; min-height: 30px;
    font-size: 13px; margin-left:40px;
    background-color: #FCFFBB; border: 5px solid #FFFF66;
    padding: 10px;
}
#filter-price-max-box, #filter-brand-box, #filter-wood-box, #filter-comp-box { 
    width: 130px; float: left; padding-right: 10px; 
}
#filter-buttons a { 
    text-decoration: none; 
    font-size: 11px; float: right; margin-top: 3px; color: #9a0000; font-weight: bold;
    background-color: #FCFFBB; padding: 3px 7px; border: 2px solid #FFD407; 
    border-radius: 5px; -moz-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    -moz-box-shadow: 1px 1px 2px #aaa;
}
#filter-buttons a:hover { background-color: #ffffff; }
#filter-status { 
    font-size: 11px; float: right; margin-top: 5px; color: #2ec300; font-weight: bold;
    background-color: #E8FFAE; padding: 3px 7px; 
    border-radius: 5px; -moz-border-radius: 5px;
}
#filter-box a { }
#filter-box a.on { color: black; font-weight: bold; }

/* PRODUCT LIST */
#prod-list { width: 800px; margin-left:40px; clear: both; }
#prod-list tr { background-color: #fff; }
#prod-list td { font-size: 0.8em; border-bottom: 2px solid #ccc; }
.foto-td { width: 100px; padding: 3px; vertical-align: top; }
.prod-info-td { padding: 5px; vertical-align: top; }
.prod-title { font-size: 1.5em; margin-bottom: 6px; }
.prod-resistance { font-size: 0.8em; }
.prod-brand-logo { float: right; border: 1px solid #bbb; }
.prod-code-box { color: white; background-color: #bbb; font-size: 14px; letter-spacing: 1px; padding: 1px; font-family: monospace; }
.prod-tip-box { visibility: hidden; margin-top: 8px; float: right; }
.prod-phone-num { font-size: 20px; color: rgb(205,0,0); }
.prod-marker-icon { position: relative; top: 4px; }
.label { color: #666; }

.prod-price-td { width: 120px; border-left: 1px dashed #ddd; padding: 5px 10px; text-align: right; font-family: Georgia,serif; vertical-align: top; }
.prod-price-tag { color: rgb(205,0,0); font-size: 1.7em; }
.prod-stock-box { color: #666; font-size: 12px; margin-top: 3px; font-family: Trebuchet,sans-serif; }
.prod-code-box-right { color: #666; font-size: 12px; margin-top: 3px; font-family: Trebuchet,sans-serif; }

.prod-tools-td { vertical-align: top; width: 20px; }
a.prod-delete, a.prod-modify { 
    display: block; position: relative; left: 20px;
    background-color: white; 
    margin: 0 0 5px 0; padding: 3px 3px 3px 2px;
    text-decoration: none; width: 15px; 
}

tr.highlighted td { background-color: #ffff66; }
tr.highlighted td.prod-price-td { background-color: #FEFF8A; }
tr.highlighted .prod-code-box { background-color: #333; }
tr.highlighted .prod-tip-box { visibility: visible; }

tr.glow td { background-color: #fffccf; }

#pagination-box { width: 200px; margin: 10px auto; text-align: center; color: black;}
.pagination-link { color: black; text-decoration: none;}

#no-results { padding: 10px; background-color: #fffccf; border: 5px solid #FEFF8A; text-align: center; width: 500px; margin: 30px auto; text-align: left; }

.button-link { color: blue; margin-top: 10px; padding-left: 20px;}
.button-link a { color: blue; }

